.demo {
	position: relative;
	width: 100%;
	max-width: var(--linemax);
	height: var(--height, 300px);
	border-radius: 0.5rem;
	overflow: hidden;
	margin: 0 0 1em 0;
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1);
	background: #f4f4f4;
}

.demo::before {
	content: 'loading...';
	display: flex;
	width: 100%;
	height: 100%;
	/* position: absolute; */
	align-items: center;
	justify-content: center;
	font-size: 16px;
	opacity: 0.5;
}

.demo canvas {
	animation: fade-in 0.4s;
}

@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
